
<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" ng-app="myapp"> <!--<![endif]-->
	<head >
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title>辉蛋儿 の Home</title>
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta name="description" content="Free HTML5 Template by FREEHTML5" />
	<meta name="keywords" content="free html5, free template, free bootstrap, html5, css3, mobile first, responsive" />

  	<!-- Facebook and Twitter integration -->
	<meta property="og:title" content=""/>
	<meta property="og:image" content=""/>
	<meta property="og:url" content=""/>
	<meta property="og:site_name" content=""/>
	<meta property="og:description" content=""/>
	<meta name="twitter:title" content="" />
	<meta name="twitter:image" content="" />
	<meta name="twitter:url" content="" />
	<meta name="twitter:card" content="" />

	<!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
	<link rel="shortcut icon" href="favicon.ico">

	<!-- <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,700" rel="stylesheet"> -->
	
	<!-- Animate.css -->
	<link rel="stylesheet" href="css/animate.css">
	<!-- Icomoon Icon Fonts-->
	<link rel="stylesheet" href="css/icomoon.css">
	<!-- Simple Line Icons -->
	<link rel="stylesheet" href="css/simple-line-icons.css">
	<!-- Bootstrap  -->
	<link rel="stylesheet" href="css/bootstrap.css">
	<!-- Superfish -->
	<link rel="stylesheet" href="css/superfish.css">
	<!-- Flexslider  -->
	<link rel="stylesheet" href="css/flexslider.css">

	<link rel="stylesheet" href="css/style.css">


	<!-- Modernizr JS -->
	<script src="js/modernizr-2.6.2.min.js"></script>
	<!-- FOR IE9 below -->
	<!--[if lt IE 9]>
	<script src="js/respond.min.js"></script>
	<![endif]-->

	</head>
	<body ng-controller="myCtrl">
		<div id="fh5co-wrapper">
		<div id="fh5co-page">
		<div id="fh5co-header">
			<header id="fh5co-header-section">
				<div class="container">
					<div class="nav-header">
						<a href="#" class="js-fh5co-nav-toggle fh5co-nav-toggle"><i></i></a>
						<h1 id="fh5co-logo"><a href="index.html">{{title}}</a></h1>
						<!-- START #fh5co-menu-wrap -->
						<nav id="fh5co-menu-wrap" role="navigation">
							<ul class="sf-menu" id="fh5co-primary-menu">
							 	<li>
									<a class="active" href="index.html">Home</a>
								</li> 
								<li><a href="blog.html">Blog</a></li>
								<li><a href="about.html">About</a></li>
								<li><a href="about.html">Login</a></li>
							</ul>
						</nav>
					</div>
				</div>
			</header>		
		</div>
		<!-- end:fh5co-header -->
		<aside id="fh5co-hero" class="js-fullheight">
			<div class="flexslider js-fullheight">
				<ul class="slides">
			   	<li style="background-image: url(images/slide_1.jpg);">
			   		<div class="overlay-gradient"></div>
			   		<div class="container">
			   			<div class="col-md-10 col-md-offset-1 text-center js-fullheight slider-text">
			   				<div class="slider-text-inner">
			   					<h2>{{slide_desc_1}}</h2>
			   					<p><a href="#" class="btn btn-primary btn-lg">{{start}}</a></p>
			   				</div>
			   			</div>
			   		</div>
			   	</li>
			   	<li style="background-image: url(images/slide_2.jpg);">
			   		<div class="overlay-gradient"></div>
			   		<div class="container">
			   			<div class="col-md-10 col-md-offset-1 text-center js-fullheight slider-text">
			   				<div class="slider-text-inner">
			   					<h2>{{slide_desc_2}}</h2>
			   					<p><a href="#" class="btn btn-primary btn-lg">{{start}}</a></p>
			   				</div>
			   			</div>
			   		</div>
			   	</li>
			   	<li style="background-image: url(images/slide_3.jpg);">
			   		<div class="overlay-gradient"></div>
			   		<div class="container">
			   			<div class="col-md-10 col-md-offset-1 text-center js-fullheight slider-text">
			   				<div class="slider-text-inner">
			   					<h2>{{slide_desc_3}}</h2>
			   					<p><a href="#" class="btn btn-primary btn-lg">{{start}}</a></p>
			   				</div>
			   			</div>
			   		</div>
			   	</li>
			   	<li style="background-image: url(images/slide_4.jpg);">
			   		<div class="overlay-gradient"></div>
			   		<div class="container">
			   			<div class="col-md-10 col-md-offset-1 text-center js-fullheight slider-text">
			   				<div class="slider-text-inner">
			   					<h2>{{slide_desc_4}}</h2>
			   					<p><a href="#" class="btn btn-primary btn-lg">{{start}}</a></p>
			   				</div>
			   			</div>
			   		</div>
			   	</li>
			  	</ul>
		  	</div>
		</aside>
		
		<div id="fh5co-section">
			<div class="col-half col-half-color">
				<div class="row-half">
					<div class="col-half-inner col-half-inner-bg">
						<div class="desc">
							<h3>{{about_us}}</h3>
							<p>{{about_us_desc}}</p>
							<p><a href="#" class="btn btn-primary btn-outline with-arrow">{{more}} <i class="icon-arrow-right22"></i></a></p>
						</div>
					</div>
					<a href="#" class="col-half-inner grid-item" style="background-image: url(images/project-1.jpg);">
						<div class="desc2">
							<h3>抱负</h3>
							<span>志在远方</span>
						</div>
					</a>
				</div>
				<div class="row-half">
					<a href="#" class="col-half-inner grid-item" style="background-image: url(images/project-2.jpg);">
						<div class="desc2">
							<h3>坚定</h3>
							<span>一步一个脚印</span>
						</div>
					</a>
					<div class="col-half-inner col-half-inner-bg2">
						<div class="desc">
							<h3>座右铭： <i class="icon-quotes-left"></i> </h3>
							<blockquote>
								<p>我步入丛林，因为我希望生活得有意义，我希望活的深刻，并汲取生命中所有的精华。然后从中学习，以免让我在生命终结时，却发现自己从来没有活过。</p>
								<span><a class="client" href="#">&mdash; 卢梭</a></span>
							</blockquote>
						</div>
					</div>
				</div>
			</div>
			<div class="col-half col-half-2">
				<h2>专业技能</h2>
				<div class="featured-inner">
					<i class="sl-icon-chart"></i>
					<div class="desc">
						<h3>前端展示</h3>
						<p>
							AngularJs+BootStrap：项目需要刚接触AngularJs和BootStrap;<br />
							IOS开发：自学过半年的IOS开发，能独立完成开发;<br />
							
						</p>
					</div>
				</div>
				<div class="featured-inner">
					<i class="sl-icon-screen-tablet"></i>
					<div class="desc">
						<h3>后台服务器</h3>
						<p>
							J2EE企业级：SpringMVC + Spring + Mybatis(SSM)框架搭建和开发;<br />
							敏捷开发:SpringBoot + Mybatis框架搭建和开发;<br />
						</p>
					</div>
				</div>
				<div class="featured-inner">
					<i class="sl-icon-layers"></i>
					<div class="desc">
						<h3>数据库相关</h3>
						<p>
							Mysql DBA:曾在新浪微博Mysql DBA开发组实习一段时间；<br />
							Linux + shell + python脚本类编译语言接触过一段时间；
						</p>
					</div>
				</div>
			</div>
		</div>
		
		<div id="fh5co-blog-section" class="grey-bg">
			<div class="container">
				<div class="row">
					<div class="col-md-6 col-md-offset-3 text-center fh5co-heading">
						<i class="sl-icon-note"></i>
						<h2>最新博客</h2>
						<p>喜欢使用MarkDown模板来记录下每天中发生的有意义的事情，以及在开发和管理过程中的一些心路历程，一方面留存，一方面帮助别人</p>
					</div>
				</div>
				<div class="row">
					<div class="feature-full-1col">
						<div class="image" style="background-image: url(images/project-1.jpg);">
						</div>
						<div class="desc">
							<h3>2015年新年寄语</h3>
							<p>时间过得真快，转眼间一年又匆匆忙忙过去了，在这一年中，自己哭过，笑过，伤过，累过，兴奋过，失落过，成功过，失败过，放纵过，回忆跟电影似的一幕幕犹在昨日，却已经离我远去了……</p>
							<p><a href="#" class="btn btn-primary btn-luxe-primary">{{more}}</a></p>
						</div>
					</div>

				<div class="feature-full-2col">
					<div class="blog-inner">
						<div class="image" style="background-image: url(images/project-2.jpg);">
						</div>
						<div class="desc">
							<h3>Java Web技术架构的思考</h3>
							<p>今年我一直在思考web开发里的前后端分离的问题，到了现在也颇有点心得了，随着这个问题的深入，再加以现在公司很多web项目的控制层的技术框架由struts2
迁移到springMVC…… </p>
							<p><a href="#" class="btn btn-primary btn-luxe-primary">{{more}}</a></p>
						</div>
					</div>
					<div class="blog-inner">
						<div class="image" style="background-image: url(images/project-3.jpg);">
						</div>
						<div class="desc">
							<h3>DWR与AJAX的微妙关系</h3>
							<p>DWR（Direct Web Remoting）是一个用于改善web页面与Java类交互的远程服务器端Ajax开源框架，可以帮助开发人员开发包含AJAX技术的网站。它可以允许在浏览器里的代码使用运行在WEB……</p>
							<p><a href="#" class="btn btn-primary btn-luxe-primary">{{more}}</a></p>
						</div>
					</div>
				</div>
				</div>
			</div>
		</div>
		
		<footer id="footer">
			<div class="container">
				<div class="row">
					<div class="col-md-4">
						<div class="copyright">
							<p><small>&copy; 2016 Free HTML5 <a href="index.html">Energy</a>. All Rights Reserved. <br> Made with <i class="icon-heart3"></i> by <a href="#/" target="_blank">Freehtml5</a> / More Templates <a href="http://www.cssmoban.com/" target="_blank" title="模板之家">模板之家</a> - Collect from <a href="http://www.cssmoban.com/" title="网页模板" target="_blank">网页模板</a></small></p>
						</div>
					</div>
					<div class="col-md-6">
						<div class="row">
							<div class="col-md-4">
								<h2>广告:</h2>
								<ul class="link">
									<li><a href="#">新浪微博</a></li>
									<li><a href="#">CSDN博客</a></li>
									<li><a href="#">简书</a></li>
									<li><a href="#">思维导图</a></li>
								</ul>
							</div>
							<div class="col-md-6">
								<h2>联系:</h2>
								<ul class="link">
									<li>地址：北京市通州区</a></li>
									<li>电话：400-800-8889</li>
									<li>传值：010-33282222</li>
									<li>邮箱：XXXX@126.com</li>
								</ul>
								<form action="#" id="form-subscribe">
									<div class="form-field">
										<input type="email" placeholder="Email Address" id="email">
										<input type="submit" id="submit" value="Send">
									</div>
								</form>
							</div>
						</div>
					</div>
					<div class="col-md-2">
						<ul class="social-icons">
							<li>
								<a href="#"><i class="icon-twitter-with-circle"></i></a>
								<a href="#"><i class="icon-facebook-with-circle"></i></a>
								<a href="#"><i class="icon-instagram-with-circle"></i></a>
								<a href="#"><i class="icon-linkedin-with-circle"></i></a>
							</li>
						</ul>
					</div>
				</div>
			</div>
		</footer>
	

	</div>
	<!-- END fh5co-page -->

	</div>
	<!-- END fh5co-wrapper -->

	<!-- jQuery -->

	<script src="js/jquery.min.js"></script>
	<!-- jQuery Easing -->
	<script src="js/jquery.easing.1.3.js"></script>
	<!-- Bootstrap -->
	<script src="js/bootstrap.min.js"></script>
	<!-- Waypoints -->
	<script src="js/jquery.waypoints.min.js"></script>
	<!-- Superfish -->
	<script src="js/hoverIntent.js"></script>
	<script src="js/superfish.js"></script>
	<!-- Flexslider -->
	<script src="js/jquery.flexslider-min.js"></script>
	<!-- Stellar -->
	<script src="js/jquery.stellar.min.js"></script>
	<!-- Counters -->
	<script src="js/jquery.countTo.js"></script>
	
	<script src="js/angular/angular.min.js" ></script>
	<script src="js/controller/controller.js"></script>
	<!-- Main JS (Do not remove) -->
	<script src="js/main.js"></script>
	</body>
</html>

